<!--
 * @Author: FengTeng
 * @Date: 2021-02-13 13:27:32
 * @LastEditTime: 2021-02-13 15:42:53
 * @LastEditors: FengTeng
 * @Description: Description
 * @FilePath: \spa-manage\src\components\spa-modal\SpaModal.vue
-->
<template>
  <el-dialog
    :visible.sync="modalConfig.visible"
    :close-on-click-modal="modalConfig.CloseOnClickModal"
    :show-close="modalConfig.showClose"
    @close="handleDialogClose()"
  >
    <slot></slot>
  </el-dialog>
</template>

<script>
export default {
  name: "SpaModal",
  props: {
    modalConfig: {
      type: Object,
      default: () => {
        return {};
      }
    }
  },
  data() {
    return {};
  },
  methods: {
    handleDialogClose() {
      this.$emit("dialog-close");
    }
  }
};
</script>

<style lang="scss" src="./index.scss"></style>
